<script setup type="model">
/**
 * 创建四个区域：客厅、餐厅、阳台、主卧
 * 点击每个区域的超链接，展示每个区域的视图，需要使用默认展示的视图、根据名称展示的视图、重定向视图
 */

  import DiningRoom from './components/DiningRoom.vue';
  import DrawingRoom from './components/DrawingRoom.vue';
  import MasterBedroom from './components/MasterBedroom.vue';
  import Veranda from './components/Veranda.vue';

</script>

<template>
  <div>
    连接：
    <router-link to="/drawingRoom">去客厅</router-link>&nbsp;&nbsp;
    <router-link to="/diningRoom">去餐厅</router-link>&nbsp;&nbsp;
    <router-link to="/masterBedroom">去主卧</router-link>&nbsp;&nbsp;
    <router-link to="/veranda">去阳台</router-link>&nbsp;&nbsp;

    <router-view></router-view>
    <hr>
    <router-view name="veranda"></router-view>
  </div>
</template>

<style scoped>

</style>
